<template>
  <div class="titleContent">
    <!-- <div class="title1" data-color="red"></div> -->

    <view class="flicker">
      <h1>第二师欢迎您</h1>
    </view>
  </div>
</template>

<script lang="ts" setup></script>

<style lang="scss">
.flicker {
  font-family: '微软雅黑'; /*设置字体*/
  position: relative;
  top: -110px;
  /* 其他样式 */
  font-size: 80rpx;
  background: -webkit-linear-gradient(top, #00e5ff, #ff009d); /*设置线性渐变*/
  /*为了支持更多的浏览器*/
  -webkit-background-clip: text; /*背景被裁剪到文字*/
  -webkit-text-fill-color: transparent; /*设置文字的填充颜色*/
  text-shadow: 0 8px 10px #6699ff; /*设置文字阴影*/
  text-align: center;

  animation: flicker 2s infinite; /*设置动画*/
}
@keyframes flicker {
  /*创建动画*/
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
</style>
